	function addAsset(attach, data) {
		var $attach = $(attach);
		var $li = $('<li></li>');
	
	  var parts = data.type.toLowerCase().split(/\//);
		var major = parts[0];
		var minor = parts[1];
		var classes = '';
		
		if (major == 'video') {
			classes += 'video';
		} else if (major == 'image') {
			classes += 'image';
		} else if (major == 'audio') {
			classes += 'audio';
		} else if (major == 'text') {
			if (/html/.exec(minor)) {
				classes += 'html';
			} else {
				classes += 'text';
			}
		}
		
		$icon = $('<span></span>');
		
		$icon.addClass(classes).addClass('icon');
		
		
		$li.addClass('asset').attr('id', 'asset-' + data.id).append($icon).append('<a href="#" class="assetName" rel="' + data.id + '">' + data.name + '</a><span class="assetSize">' + data.size + '</span>');
		$attach.append($li);
	} 

  function buildFileTree(attach, data) {
		var $attach = $(attach);
		
		var $li = $('<li></li>');
		
		$icon = $('<span></span>');
		$icon.addClass('icon folder');
		
		$li.addClass('folder closed').attr('id', 'folder-' + data.id).append($icon).append('<a class="folderName" href="#">' + data.name + '</a>');
		
		var $ul = $('<ul></ul>');
		
		$li.append($ul);
		
		for (var i = 0; i < data.folders.length; i++) {
			buildFileTree($ul, data.folders[i]);
		}
		
		for (var i = 0; i < data.assets.length; i++) {
			addAsset($ul, data.assets[i]);
		}
		
		if (data.assets.length == 0 && data.folders.length == 0) {
			$ul.append('<li class="empty"><em>Empty</em></li>');
		}
		
		$attach.append($li);
	}
	
	function registerAssetPickerHandlers() {
		$('.folder > a.folderName').click(function(e) {
			$ctxt = $(this);
			$parent = $ctxt.parent('.folder');
			
			$parent.toggleClass('closed');
			
			e.preventDefault();
			
		});
		
		$('.asset > a.assetName').click(function(e) {
			console.log($(this).attr('rel'));
			
			e.preventDefault();
		});
	}
	
//  $(document).ready(function() {
//		//buildFileTree('#assetList', <?php echo json_encode($assets); ?>);
//		
//		$('.folder > a.folderName').click(function(e) {
//			$ctxt = $(this);
//			$parent = $ctxt.parent('.folder');
//			
//			$parent.toggleClass('closed');
//			
//			e.preventDefault();
//			
//		});
//		
//		$('.asset > a.assetName').click(function(e) {
//			console.log($(this).attr('rel'));
//			
//			e.preventDefault();
//		});
//		
//	});